<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <link rel="stylesheet" media="print" href="/print/_css/report.css" />
    <title>健康报告打印</title>
</head>

<body>
    <div class="printOrder" id="reportApp">
        <h3 class="print-report_title">{{hosiptal}}儿童体检报告</h3>
        <div class="print-pay_box">
            <div class="child_report_header" style="border-left: 1px solid #ddd;border-right: 1px solid #ddd;">
                <div class="child_myself" style="border-top:1px solid #ddd;">
                    <div class="child-my_item" style="width:25%;">
                        <span>姓名</span>
                        {{detail.name}}
                    </div>
                    <div class="child-my_item">
                        <span>年龄</span>
                        {{detail.age}}岁{{detail.sdfMonth}}月{{detail.sdfDay}}天
                    </div>
                    <div class="child-my_item">
                        <span>性别</span>
                        {{detail.sex == 1 ? "男" : "女" }}
                    </div>
                </div>
                <div class="child_myself">
                    <div class="child-my_item" style="width:25%;">
                        <span>联系电话</span>
                        {{detail.mobile}}
                    </div>
                    <div class="child-my_item" style="border-right:0px;">
                        <span>联系地址</span>
                        {{detail.address}}
                    </div>
                </div>
            </div>
            <div class="child_report_content" style="border-left: 1px solid #ddd;border-right: 1px solid #ddd;">
                <div class="project-item" style="max-height:47mm;">
                    <div class="pro_title">
                        <span>基础检查</span>
                    </div>
                    <div class="pro_item-content">
                        <!-- <div class="pro_item_box">
                            <div class="pro_item">
                                <span>身高</span>
                                <label></label> CM
                            </div>
                            <div class="pro_item">
                                <span>身高评价</span>
                                <label></label> CM
                            </div>
                        </div>
                        <div class="pro_item_box">
                            <div class="pro_item">
                                <span>体重</span>
                                <label></label> KG
                            </div>
                            <div class="pro_item">
                                <span>体重评价</span>
                                <label></label>
                            </div>
                        </div>
                        <div class="pro_item_box">
                            <div class="pro_item">
                                <span>头围</span>
                                <label></label>
                            </div>
                        </div>
                        <div class="pro_item_box">
                            <div class="pro_item">
                                <span>胸围</span>
                                <label></label>
                            </div>
                        </div> -->
                        <div class="pro_item_box">
                            <div class="pro_item">
                                <span>身高(CM)</span>
                                <label></label>
                            </div>
                            <div class="pro_item">
                                <span>身高评价</span>
                            </div>
                            <div class="pro_item">
                                <span>体重(KG)</span>
                                <label></label>
                            </div>
                            <div class="pro_item">
                                <span>身高评价</span>

                            </div>
                            <div class="pro_item">
                                <span>(0-3岁)头围(CM)</span>

                            </div>
                            <div class="pro_item" style="border-bottom: 1px solid #fff;">
                                <span>身高/体重评价</span>
                            </div>
                            <div class="pro_item" style="border-bottom: 1px solid #fff;">
                                <span>胸围(CM)</span>

                            </div>
                            <div class="pro_item" style="border-bottom: 1px solid #fff;">
                                <span></span>
                            </div>
                            <!-- <div class="pro_item">
                                <span>体温</span>
                                <label v-if="signForm">{{signForm.weight}}</label>℃
                            </div>
                            <div class="pro_item">
                                <span>脉搏</span>
                                <label v-if="signForm">{{signForm.pulse}}</label>次/分钟
                            </div> -->
                        </div>
                    </div>
                </div>
                <div class="project-item" style="max-height:108mm;">
                    <div class="pro_title">
                        <span>体格检查</span>
                    </div>
                    <div class="pro_item-content">
                        <div class="pro_item_box">
                            <!-- <div v-for="(item,index) in infos" :key="index" class="pro_item">
                                <span>{{item.attrName}}</span>
                                {{item.values}}{{item.attrUnit}}
                            </div> -->
                            <div class="pro_item">
                                <span>头颅</span>
                            </div>
                            <div class="pro_item">
                                <span>心（听诊）</span>
                            </div>
                            <div class="pro_item">
                                <span>眼睛</span>
                            </div>
                            <div class="pro_item">
                                <span>肺（听诊）</span>
                            </div>
                            <div class="pro_item">
                                <span>耳</span>
                            </div>
                            <div class="pro_item">
                                <span>肝（肋下）</span>
                            </div>
                            <div class="pro_item">
                                <span>鼻</span>
                            </div>
                            <div class="pro_item">
                                <span>脾（肋下）</span>
                            </div>
                            <div class="pro_item">
                                <span>口腔</span>
                            </div>
                            <div class="pro_item">
                                <span>骨骼</span>
                            </div>
                            <div class="pro_item">
                                <span>腮腺</span>
                            </div>
                            <div class="pro_item">
                                <span>胸廓</span>
                            </div>
                            <div class="pro_item">
                                <span>颈部</span>
                            </div>
                            <div class="pro_item">
                                <span>腹部</span>
                            </div>
                            <div class="pro_item">
                                <span>浅表淋巴结</span>
                            </div>
                            <div class="pro_item">
                                <span>肛门</span>
                            </div>
                            <div class="pro_item">
                                <span>脊柱</span>
                            </div>
                            <div class="pro_item">
                                <span>外生殖器</span>
                            </div>
                        </div>
                        <!-- <div class="pro_item_box">
                            <div class="pro_item">
                                <span>眼睛</span>
                                外观未见异常
                            </div>
                            <div class="pro_item">
                                <span>肺（听诊）</span>
                                双肺呼吸音清
                            </div>
                        </div>
                        <div class="pro_item_box">
                            <div class="pro_item">
                                <span>耳</span>
                                未见异常
                            </div>
                            <div class="pro_item">
                                <span>肝（听诊）</span>
                                未及异常
                            </div>
                        </div>
                        <div class="pro_item_box">
                            <div class="pro_item">
                                <span>鼻</span>
                                未见异常
                            </div>
                            <div class="pro_item">
                                <span>脾（肋下）</span>
                                未及异常
                            </div>
                        </div>
                        <div class="pro_item_box">
                            <div class="pro_item">
                                <span>口腔</span>
                                口腔黏膜光滑
                            </div>
                            <div class="pro_item">
                                <span>骨骼</span>
                                未见异常
                            </div>
                        </div>
                        <div class="pro_item_box">
                            <div class="pro_item">
                                <span>腮腺</span>
                                未见异常
                            </div>
                            <div class="pro_item">
                                <span>胸廓</span>
                                漏斗胸
                            </div>
                        </div>
                        <div class="pro_item_box">
                            <div class="pro_item">
                                <span>颈部</span>
                                未见异常
                            </div>
                            <div class="pro_item">
                                <span>腹部</span>
                                腹平软
                            </div>
                        </div>
                        <div class="pro_item_box">
                            <div class="pro_item">
                                <span>浅表淋巴结</span>
                                无肿大
                            </div>
                            <div class="pro_item">
                                <span>肛门</span>
                                未见异常
                            </div>
                        </div>
                        <div class="pro_item_box">
                            <div class="pro_item">
                                <span>脊柱</span>
                                无畸形
                            </div>
                            <div class="pro_item">
                                <span>外生殖器</span>
                                双睾降，包茎
                            </div>
                        </div>
                    </div> -->
                    </div>
                </div>
                <div class="project-item" style="max-height:24mm;">
                    <div class="pro_title">
                        <span>视/听力检查</span>
                    </div>
                    <div class="pro_item-content">
                        <div class="pro_item_box">
                            <div class="pro_item">
                                <span>左眼</span>
                                <label v-if="signForm">{{signForm.leftEye}}.0</label>
                            </div>
                            <div class="pro_item">
                                <span>左耳</span>
                                <!-- 正常 -->
                            </div>
                            <div class="pro_item">
                                <span>右眼</span>
                                <label v-if="signForm">{{signForm.rightEye}}.0</label>
                            </div>
                            <div class="pro_item">
                                <span>右耳</span>
                                <!-- 正常 -->
                            </div>
                        </div>
                        <!-- <div class="pro_item_box">
                        
                    </div> -->
                    </div>
                </div>
                <!-- <div class="project-item" style="line-height:15mm;">
                    <div class="pro_title">
                        <span style="top:5%;">睡眠检查</span>
                    </div>
                    <div class="pro_item-content">
                        <div class="pro_item_box" style="text-indent:10px;">
                        </div>
                    </div>
                </div> -->
                <div style="line-height:15mm;" class="project-item">
                    <div class="pro_title">
                    <span style="top:-2mm;left:4mm;">实验室检查/</span>
                    <span style="top:2.5mm;">化验报告</span>
                    </div>
                    <div class="pro_item-content">
                        <div class="pro_item_box" style="text-indent:10px;">
                            <!-- 正常 -->
                        </div>
                    </div>
                </div>
                <div class="project-item" style="line-height:15mm;border-bottom:1px solid #ddd;">
                    <div class="pro_title">
                        <span style="top:5%;left: 10mm;">指导</span>
                    </div>
                    <div class="pro_item-content">
                        <div class="pro_item_box" style="text-indent:10px;">
                            <!-- 正常 -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- built files will be auto injected -->
    <script src="https://lib.baomitu.com/vue/2.6.10/vue.min.js"></script>
    <script src="https://lib.baomitu.com/axios/0.17.0/axios.min.js"></script>
    <script src="https://lib.baomitu.com/qs/6.5.2/qs.min.js"></script>
    <!-- <script src="/src/_js/http.js"></script> -->
    <script>
        var vm = new Vue({
            el: "#reportApp",
            data: {
                detail: '',
                signForm: '',
                hosiptal: '',
                infos: '',
                tgHeight: '',
                jcHeight: '',
            },
            filters: {
                "toSex": function (value) {
                    return value == 1 ? "男" : "女";
                }
            },
            mounted() {
                var th = this;
                window.addEventListener("message", function (event) {
                    var data = event.data;
                    var pa = JSON.parse(data.params)
                    if (data.cmd == "postJson") {
                        th.$nextTick(function () {
                            th.detail = pa.detail;
                            th.signForm = pa.signForm;
                            th.infos = pa.infos
                            th.hosiptal = pa.hospitalName
                            setTimeout(function () {
                                window.print();
                                // window.document.body.innerHTML = document.getElementsByClassName("printOrder")[0].innerHTML;
                            }, 500);
                        });
                    }
                })
            },
            methods: {
                getOrderItem() {
                    var th = this;
                }
            },
        })
    </script>
</body>

</html>